<template>
  <BasicLayout title="注册">
    <div class="selected-box" slot="content">
      <el-button
        class="login"
        type="primary"
        round
        @click="redirectTo('Person')"
        >个人用户注册</el-button
      >
      <el-button
        class="chat-button"
        type="primary"
        round
        @click="redirectTo('Staff')"
      >
        宜老团注册
      </el-button>
    </div>
  </BasicLayout>
</template>
<script>
import BasicLayout from "@/components/BasicLayout/index.vue";
export default {
  components: {
    BasicLayout,
  },
  methods: {
    redirectTo(name) {
      this.$router.replace({ name, query: { step: 0 } });
    },
  },
};
</script>
<style scoped>
.selected-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  width: 90%;
  margin: auto;
}
.el-button + .el-button {
  margin: 100px 0;
}
</style>
